<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width,
    initial-scale=1.0,user-scalable=no"
    />
    <title>最新课程</title>

    <!-- 重置样式 -->
    <link rel="stylesheet" href="../../../assets/css/normalize.css" />
    <link rel="stylesheet" href="../../../assets/css/reset.css" />

    <!-- 公共样式 -->
    <link rel="stylesheet" href="../../../assets/css/property.css" />
    <link rel="stylesheet" href="../../../assets/css/basic.css" />

    <!-- animate.css动画库 -->
    <link rel="stylesheet" href="../../../libs/animate/animate.css" />

    <!-- icon图标 -->
    <link rel="stylesheet" href="../../../icons/iconfont.css" />

    <!-- 底部公共样式 -->
    <link rel="stylesheet" href="../../../assets/css/basic.css" />

    <!-- 当前样式 -->
    <link rel="stylesheet" href="./Collection.css" />
  </head>

  <body class="dpflex fdcolumn">
    <header class="dpflex">
      <a href="#">关注</a>
      <a href="#">附近</a>
      <a href="#" class="after">收藏</a>
      <a href="#">个人动态</a>
    </header>
    <div class="add"><a href="#">添加+</a></div>
    <div class="main">
      <div class="user">
        <ul>
          <li>
            <div class="box">
              <img src="../../../assets/imgs/头像.jpg" alt="" />
              <span class="names">用户名</span>
              <span class="address">四川省，成都市</span>
              <a href="#">+关注</a>
            </div>
            <span class="course">
              有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。
              有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。
            </span>
            <div class="photos">
              <img src="../../../assets/imgs/course-img01.jpg" alt="" />
              <img src="../../../assets/imgs/course-img02.png" alt="" />
              <img src="../../../assets/imgs/course-img03.jpg" alt="" />
              <img src="../../../assets/imgs/course-img04.jpg" alt="" />
              <img src="../../../assets/imgs/course-img05.jpg" alt="" />
            </div>
            <div class="other">
              <span>4小时之前</span>
              <div class="help">
                <a href="#" class="iconfont icon-31dianzan"
                  ><span>999+</span></a
                >
                <a href="#" class="iconfont icon-xinxi"><span>999+</span></a>
              </div>
            </div>
          </li>
          <li>
            <div class="box">
              <img src="../../../assets/imgs/头像.jpg" alt="" />
              <span class="names">用户名</span>
              <span class="address">四川省，成都市</span>
              <a href="#">+关注</a>
            </div>
            <span class="course">
              有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。
              有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。
            </span>
            <div class="photos">
              <img src="../../../assets/imgs/course-img01.jpg" alt="" />
              <img src="../../../assets/imgs/course-img02.png" alt="" />
              <img src="../../../assets/imgs/course-img03.jpg" alt="" />
              <img src="../../../assets/imgs/course-img04.jpg" alt="" />
              <img src="../../../assets/imgs/course-img05.jpg" alt="" />
            </div>
            <div class="other">
              <span>4小时之前</span>
              <div class="help">
                <a href="#" class="iconfont icon-31dianzan"
                  ><span>999+</span></a
                >
                <a href="#" class="iconfont icon-xinxi"><span>999+</span></a>
              </div>
            </div>
          </li>
          <li>
            <div class="box">
              <img src="../../../assets/imgs/头像.jpg" alt="" />
              <span class="names">用户名</span>
              <span class="address">四川省，成都市</span>
              <a href="#">+关注</a>
            </div>
            <span class="course">
              有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。
              有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。
            </span>
            <div class="photos">
              <img src="../../../assets/imgs/course-img01.jpg" alt="" />
              <img src="../../../assets/imgs/course-img02.png" alt="" />
              <img src="../../../assets/imgs/course-img03.jpg" alt="" />
              <img src="../../../assets/imgs/course-img04.jpg" alt="" />
              <img src="../../../assets/imgs/course-img05.jpg" alt="" />
            </div>
            <div class="other">
              <span>4小时之前</span>
              <div class="help">
                <a href="#" class="iconfont icon-31dianzan"
                  ><span>999+</span></a
                >
                <a href="#" class="iconfont icon-xinxi"><span>999+</span></a>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>

    <footer>
      <ul class="dpflex">
        <li class="dpflex">
          <a href="#" class="dpflex"
            ><span class="iconfont icon-shouye"></span>首页</a
          >
        </li>
        <li class="dpflex">
          <a href="#" class="dpflex"
            ><span class="iconfont icon-tubiaozhizuomoban"></span>运动</a
          >
        </li>
        <li class="dpflex">
          <a href="#" class="dpflex after"
            ><span class="iconfont icon-quanzi"></span>圈子</a
          >
        </li>
        <li class="dpflex">
          <a href="#" class="dpflex"
            ><span class="iconfont icon-wode"></span>我的</a
          >
        </li>
      </ul>
    </footer>

    <script src="./Collection.js"></script>
  </body>
</html>
